//装两棵树的容器，左一个右边一个
#tree {
    display: flex;

    #tree1 {
        background-color: rgb(204, 255, 252);
    }

    #tree2 {
        background-color: rgb(253, 229, 198);
    }

    .tree {
        min-width: 50%;
        max-width: 500%;
    }
}

.tree {
    z-index: 66;

    .line {
        display: flex;
        justify-content: space-around;
        margin-top: 40px;

        .node {
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border: 2px solid black;
            border-radius: 50%;
            background-color: white;

            .drawLine {
                position: absolute;
                // height: 1px;
                border: 1px solid black;
                z-index: -1;
            }
        }

        .null {
            // visibility: hidden;
            opacity: 0.1;
            border: 2px dashed black;
        }
    }
}


* {
    margin: 0;
    padding: 0;
}